<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>问题咨询</title>
    <%@include file="/WEB-INF/views/include/weixinhead.jsp" %>
</head>
<body>
<!--问题咨询-->
<div data-role="page" id="detailes-page" class="page" >
    <div data-role="header" class="header header-1">问题咨询
        <span class="return-btn"><a href="/f/campusinfo/myQuestions" data-ajax="false" data-transition="slideup"><img src="${ctxStatic}/modules/wechat/css/images/yuanjiaojuxing25.png" alt=""></a></span>
        <span ><a href="#editMyReply" data-ajax="false" data-transition="slideup"><span id="I-want-to-reply">我要回复</span></a></span>
    </div>
    <div role="main" id="reply" class="content-2" style="padding:12px;padding-top: 20px;">
        <div class="question-title-detail"></div>
        <div class="question-content-detail"></div>
        <%--<div class="serviceReply">--%>
            <%--<div class="reply-from">服务器回复</div>--%>
            <%--<div class="reply-content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>--%>
            <%--<div class="reply-time">回复时间</div>--%>
        <%--</div>--%>
        <%--<div class="myReply">--%>
            <%--<div class="reply-from">我的回复</div>--%>
            <%--<div class="reply-content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>--%>
            <%--<div class="reply-time">回复时间</div>--%>
        <%--</div>--%>
        <%--<div class="serviceReply">--%>
            <%--<div class="reply-from">服务器回复</div>--%>
            <%--<div class="reply-content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>--%>
            <%--<div class="reply-time">回复时间</div>--%>
        <%--</div>--%>
        <!--<div data-role="footer"></div>-->
    </div>
</div>
<div id="editMyReply" data-role="page">
    <div data-role="header" class="header header-1">我要回复
        <span class="return-btn"><a href="#detailes-page" data-transition="slideup"><img src="${ctxStatic}/modules/wechat/css/images/yuanjiaojuxing25.png" alt=""></a></span>
    </div>
    <div role="main" class="content-2" style="padding:12px;padding-top: 20px !important;">
        <input type="text" id="myReplyTitle" value="我的问题标题标题标题" readonly >
        <div class="editMyReplyContent">内容
            <textarea placeholder="请输入内容" class="non-empty"></textarea>
        </div>
        <div id="submitReplyBtn">提交</div>
    </div>
</div>
<script>
    $(document).ready(function(){
        var url=window.location.href;
        var id=url.split("?")[1].split("&")[0].split("=")[1];
        /*先判断用户是否在线*/
        $.ajax({
            url: interfaceGetState,
            type: 'post',
            success: function (data) {
                if (data.status == 0) {    //已登录
                    $.ajax({
                        url:interfaceQuestionDetail+generateMixed(9),
                        type:'post',
                        data:{proId:id},
                        success:function(data){
                            $(".question-title-detail").eq(0).html(data.page.list[0].title);    //标题
                            $("#myReplyTitle").val(data.page.list[0].title);   //标题
                            $(".question-content-detail").eq(0).html(data.page.list[0].proContent);        //内容
                            var list=data.page.list;
                            var length=list.length;
                            for(var i=0;i<length;i++){
                                if(list[0].hasOwnProperty('proContent')){
                                    if(i>0) {
                                        $("#reply").append('    <div class="myReply">\n' +
                                            '            <div class="reply-from">我的回复</div>\n' +
                                            '            <div class="reply-content">'+list[i].proContent+'</div>\n' +
                                            '            <div class="reply-time">'+list[i].updateDate+'</div>\n' +
                                            '        </div>');
                                    }
                                }
                                if(list[0].hasOwnProperty('proReply')){
                                    if(typeof(list[i].proReply)!=='undefined'){
                                      //  $(".header").eq(0).html(" <span class=\"return-btn\"><a href=\"#detailes-page\" data-transition=\"slideup\"><img src=\"${ctxStatic}/modules/wechat/css/images/yuanjiaojuxing25.png\" alt=\"\"></a></span>");
                                        $("#reply").append('   <div class="serviceReply">\n' +
                                            '            <div class="reply-from">服务器回复</div>\n' +
                                            '            <div class="reply-content">'+list[i].proReply+'</div>\n' +
                                            '            <div class="reply-time">'+list[i].updateDate+'</div>\n' +
                                            '        </div>');
                                    } else {
                                         $(".header").eq(0).html(" <span class=\"return-btn\"><a href=\"#detailes-page\" data-transition=\"slideup\"><img src=\"${ctxStatic}/modules/wechat/css/images/yuanjiaojuxing25.png\" alt=\"\"></a></span>");
                                    }
                                }
                            }
                            // console.log(list);
                        }
                    })
                } else {    //未登录
                    alert("请先登录");
                    if(window.sessionStorage){
                        var url=window.location.href;
                        sessionStorage.setItem("prePage",url);
                    }
                    window.location.href="/f/campusinfo/login"+generateMixed(9);
                    return false;
                }
            }
        })

        /*我要回复-提交*/
        $("#submitReplyBtn").off("tap").on("tap",function(){
            /*先判断用户是否在线*/
            $.ajax({
                url: interfaceGetState,
                type: 'post',
                success: function (data) {
                    if (data.status == 0) {    //已登录
                        var content=$(".non-empty").eq(0).val();
                        if(content!=''){
                            $.ajax({
                                url:interfaceEditReply+generateMixed(9),
                                type:'post',
                                data:{proId:id,proContent:content},
                                success:function(data){
                                    // console.log(data);
                                    if(data.success){
                                        alert(data.message);
                                        window.location="/f/campusinfo/myQuestions"+generateMixed(9);
                                    }else{
                                        alert(data.message);
                                    }
                                }
                            })
                        }
                    } else {    //未登录
                        if(window.sessionStorage){
                            // var url=window.location.href;
                            sessionStorage.setItem("prePage","/f/campusinfo/problemConsulting?id="+id);
                        }
                        alert("请先登录");
                        window.location.href="/f/campusinfo/login"+generateMixed(9);
                        return false;
                    }
                }
            })
        });
    })
</script>
</body>
</html>
